<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    v-if
    v-else-if
    v-else -->
    <div id="div">
        性别：<span v-if="gender==0">女</span>
              <span v-else-if="gender==1">男</span>
              <span v-else>其他</span>
        <br>
        性别：{{gender==0?"女":gender==1?'男':'其他'}}
        <br>
        <!--
        v-show 显示  true  不显示 false
        -->
        <div show="flag">显示</div>

    </div>
    <script src="js/vue.js"></script>
    <script >
        let vm =new Vue({
            el:'#div',
            data:{
                gender:1,
                flag:true
            },
            methods:{

            }
        });
    </script>
</body>
</html>